<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>π付系统 </title>
    <link href="/statics/css/bootstrap.min.css" rel="stylesheet">
    <link href="/statics/css/common.css" rel="stylesheet">
    <link href="/statics/css/user_post_order.css" rel="stylesheet">
</head>
<body>
<div class="nav">
    <img id="go_back" src="/statics/images/go_back_black.png" alt="返回">
    <div>立即购买</div>
</div>

<div class="container" id="goods_info">
    <div class="clearfix">
        <div class="pull-left"><img src="/statics/images/u=4014792626,4066954880&fm=27&gp=0.jpg" alt=""></div>
        <div class="pull-right">
            <div class="title">JOLLYONE微雕霜</div>
            <div class="clearfix">
                <div class="pull-left" id="goods_info_worth">积分<span>0</span>.00</div>
                <div class="pull-right" id="goods_num">x1</div>
            </div>
        </div>
    </div>
</div>

<div class="container" id="info_list">
    <form id="info_list_form">
        <div class="clearfix">
            <div class="pull-left">购买数量</div>
            <div class="pull-right">
                <div class="define_table">
                    <div id="subtract" class="active">－</div>
                    <div><input id="buy_num" type="number" name="num" value="1"></div>
                    <div id="add">＋</div>
                </div>
            </div>
        </div>

        <div class="clearfix">
            <div class="pull-left">姓名</div>
            <div class="pull-right"><input type="text" name="user_name" placeholder="请输入您的姓名"></div>
        </div>

        <div class="clearfix">
            <div class="pull-left">联系手机</div>
            <div class="pull-right"><input type="text" maxlength="11" name="user_mobile" placeholder="请输入您手机号"></div>
        </div>

        <div class="clearfix" id="select_city">
            <div class="pull-left">城市</div>
            <div class="pull-right"><span style="line-height: 1.8;">请选择城市</span> <img src="/statics/images/right.png" alt=""></div>
            <input type="text" style="display: none;" id="select_city_input">
        </div>

        <div class="clearfix">
            <div class="pull-left"><input id="write_address_input" class="text-right" type="text" placeholder="请输入详细地址（如小区、门牌号）"></div>
        </div>

        <div class="clearfix">
            <div class="pull-left">买家留言：</div>
            <div class="pull-right"><input type="text" name="buyer_msg" placeholder="对本次交易的说明"></div>
        </div>

        <div class="clearfix text-right">
            <span id="sum_num">共1件</span>
            <span>小计: </span>
            <span id="sum_money">0.00</span>
        </div>

        <input style="display: none;" type="text" name="is_buy" value="1">
        <input style="display: none;" type="text" name="jolly_id" value="">
        <input style="display: none;" type="text" name="receive_address" value="">
    </form>
</div>

<div id="footer">
    <div>
        <span>合计积分: </span>
        <span id="footer_sum">0<span>.00</span></span>
    </div>
    <div id="at_buy">立即购买</div>
</div>

<div id="define-mark" class="define-mark"></div>

<!--购买成功  提示  模态框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                提交成功！
            </div>
            <div class="modal-footer">
                <div data-dismiss="modal">确定</div>
            </div>
        </div>
    </div>
</div>
<!--购买成功  提示  模态框-->

<script src="/statics/js/flexible.js"></script>
<script src="/statics/js/jquery-3.2.1.min.js"></script>
<script src="/statics/js/bootstrap.min.js"></script>
<script src="/statics/js/mui.min.js"></script>
<script src="/statics/js/mui.picker.js"></script>
<script src="/statics/js/mui.poppicker.js"></script>
<script src="/statics/js/city-data-3.js"></script>
<script src="/statics/js/user_post_order.js"></script>
</body>
</html>